---
title: Sections
description: Section components created with Tailwind CSS v4. These responsive, SEO-optimized layouts are perfect for building content blocks, feature sections, and landing page segments for marketing websites and web applications.
emoji: 🧱
terms:
  - section
  - feature
  - layout
components:
  - { title: 'Content with image, 1/2 grid' }
  - { title: 'Content with image, 2/3 grid' }
  - { title: 'Content with image, 3/2 grid' }
  - { title: 'Content with image, vertical split' }
---

# Section Components

<p>{frontmatter.description}</p>

<CollectionList componentsData={componentsData} />
